@CHARSET "UTF-8";
@font-face { 
font-family:ngttf; 
src:url(NanumGothic.ttf); 
}
@font-face {  
font-family:ngebeot;  
src:url(NanumGothicEB.eot);  
} 
@font-face { 
font-family:ngebttf; 
src:url(NanumGothicEB.ttf); 
}

*{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:NanumGothic,"나눔고딕",ngttf,ngeot,dotum,"돋음",sans-serif;  
	color:#75B7CE;
    border:0;
}

q{
	quotes:"" "";
	color:#565656;
	font-size:13px;
}
a{
	text-decoration:none;
	cursor:pointer;
}
ul, ol{
	list-style:none;
}
#header_content, #body, #footer{
	margin:0 auto;
	width:970px;
}
div{
    /*overflow:hidden;*/
}



#header{
	background:url("../images/toolbar_1px.png") 0 0 repeat-x;
	width:100%;
	min-width:970px;
	height:160px;
}
#header_navigation{
	width:100%;
	height:50px;
}
#header_notice{
	margin:0 auto;
	height:69px;
        padding-top:41px;
	padding-left:210px;
}
#header_notice>*{
	float:left;
}
#notice_icon{
}
#notice{
	padding:7px 10px 0 0;
}



#body>div{
	float:left;
}
#body_navigation{
	width:179px;
	margin:4px 15px 0 0;
	padding-top:4px;
	background:url("../images/LINE_icon.png") top repeat-x;
}
.navi_dot_line{
	width:100%;
	height:1px;
	background:url("../images/line_dot.png")
}
#navi_list .navi_dot_line{
	position:relative;
	bottom:0;
}
#navi_list a{
	display:block;
	padding:14px 0 14px 15px;
	font-size:16px;
}
#navi_list img{
	position:relative;
	top:2px;
	margin-right:5px;
	width:18px;
	height:18px;
}
a.current_page{
	background:#F2F2F2 url("../images/list_arrow_.png") 93% 55% no-repeat;
}



#body_content{
	width:776px;
	margin-top:4px;
	padding:30px 0;
	background:#F4F4F5 url("../images/LINE_icon.png") top repeat-x;
}
#question_list>li{
	padding-left:30px;
}
#question_list .answer_sheet, q, .answer_sheet_tab, .save_or_show_result{
	margin-left:30px;
}
#question_01{
	background:url("../images/numbers/num_01.png") 30px 0 no-repeat;
}
#question_02{
	background:url("../images/numbers/num_02.png") 30px 0 no-repeat;
}
#question_03{
	background:url("../images/numbers/num_03.png") 30px 0 no-repeat;
}
#question_04{
	background:url("../images/numbers/num_04.png") 30px 0 no-repeat;
}

.body_line{
	width:100%;
	height:4px;
	margin:15px 0;
	background:url("../images/LINE_icon.png") 0 0 no-repeat;
}
.body_line.last_line{
	visibility:hidden;
	margin:0;
	height:0;
}
.save_or_show_result{
	margin-top:15px;
}
.answer_sheet_tab .current_tab{
	background:#E7E8E8;
	color:#606060;
	font-size:11px;
	cursor:default;
}
.answer_sheet_tab .another_tab{
	background:#FFFFFF;
	border:1px solid #E7E8E8;
	color:#ACACAC;
	font-size:11px;
	cursor:pointer;
}
.answer_sheet_tab .another_tab_mouseover{
	background:#E7E8E8;
	border:1px solid #E7E8E8;
	color:#606060;
	font-size:11px;
	cursor:pointer;
}



/*Q1--------------------------*/
#question_01 .answer_sheet{
	width:535px;
	margin-top:10px;
	padding:30px;
	background:#E7E8E8;
	height:375px;
}
#question_01 #checked_point{
	float:left;
        width:139px;
}
#question_01 #help_img{
        float:left;
	position:relative;
	width:396px;
	height:371px;
	background:url("../images/RM_diagram_no_dots.png") top no-repeat;
}
#question_01 .answer_sheet #checked_point #before_notice{
	font-size:13px;
	color:#626262;
}
#question_01 .answer_sheet #checked_point>div{
	padding-bottom:20px;
	font-size:11px;
}
#question_01 .answer_sheet #checked_point span{
	line-height:16px;
	font-size:11px;
}
#help_img>a{
	position:absolute;
	cursor:pointer;
}
#body_L_01{left:55px; top:70px;}
#body_R_01{left:107px; top:70px;}
#body_L_02{left:40px; top:130px;}
#body_R_02{left:122px; top:130px;}
#body_L_03{left:23px; top:168px;}
#body_R_03{left:142px; top:168px;}
#body_L_04{left:54px; top:165px;}
#body_R_04{left:108px; top:165px;}
#body_L_05{left:58px; top:255px;}
#body_R_05{left:102px; top:255px;}
#body_L_06{left:53px; top:325px;}
#body_R_06{left:105px; top:325px;}

#hand_L_01{left:215px; top:95px;}
#hand_R_01{left:379px; top:95px;}
#hand_L_02{left:227px; top:52px;}
#hand_R_02{left:367px; top:52px;}
#hand_L_03{left:231px; top:68px;}
#hand_R_03{left:363px; top:68px;}
#hand_L_04{left:242px; top:45px;}
#hand_R_04{left:352px; top:45px;}
#hand_L_05{left:245px; top:64px;}
#hand_R_05{left:349px; top:64px;}
#hand_L_06{left:257px; top:47px;}
#hand_R_06{left:337px; top:47px;}
#hand_L_07{left:258px; top:65px;}
#hand_R_07{left:336px; top:65px;}
#hand_L_08{left:272px; top:58px;}
#hand_R_08{left:322px; top:58px;}
#hand_L_09{left:273px; top:71px;}
#hand_R_09{left:321px; top:71px;}

#foot_L_05{left:220px; top:220px;}
#foot_R_05{left:374px; top:220px;}
#foot_L_04{left:230px; top:212px;}
#foot_R_04{left:364px; top:212px;}
#foot_L_03{left:242px; top:208px;}
#foot_R_03{left:352px; top:208px;}
#foot_L_02{left:254px; top:209px;}
#foot_R_02{left:340px; top:209px;}
#foot_L_01{left:270px; top:212px;}
#foot_R_01{left:324px; top:212px;}

/*Q2--------------------------*/
#question_02 .answer_sheet{
	width:505px;
	margin-top:10px;
}
#question_02 .answer_sheet li{
    margin-bottom:5px;
}
#question_02 .answer_sheet span{
    margin-left:10px;
}
/*IE 7*/
*:first-child+html #question_02 .answer_sheet li{
    position:relative;
    margin-bottom:5px;
}
*:first-child+html #question_02 .answer_sheet input{
    position:absolute;
    top:0;
    left:0;   
}
*:first-child+html #question_02 .answer_sheet span{
    position:absolute;
    top:2px;
    left:25px;
}

/*Q3--------------------------*/
#question_03 .answer_sheet_tab li{
	float:left;
	width:138px;
	height:25px;
}
#question_03 .answer_sheet_tab a{
    display:block;
	width:138px;
	height:19px;
    padding-top:6px;
	text-align:center;
}
#question_03 .answer_sheet{
	width:505px;
	margin-top:35px;
	padding:30px 45px 0 45px;
	background:#E7E8E8;
}
#question_03 .answer_sheet li{
    position:relative;
	width:300px;
}
#question_03 .answer_sheet input{
    position:absolute;
    top:0;
    right:0;
}
#question_03 .save_or_show_result{
	width:505px;
	margin:0 0 20px 30px;
	padding:15px 45px 15px 45px;
	background:#E7E8E8;
}
#question_03 .middle_body_line{
	width:595px;
	height:2px;
	margin-left:30px;
	padding:25px 0 0 0;
	background:#E7E8E8 url("../images/middle_LINE_icon.png") bottom repeat-x;
}
#question_03 li{
	margin-top:10px;
}
#question_03 .save_or_show_result>a{
	cursor:pointer;
}

/*Q4--------------------------*/
#question_04 .answer_sheet_tab{
	margin-top:10px;
}
#question_04 .answer_sheet_tab li{
	float:left;
	width:68px;
	height:25px;
}
#question_04 .answer_sheet_tab a{
	display:block;
	width:68px;
	height:19px;
    padding-top:6px;
	text-align:center;
}
#question_04 .answer_sheet{
	width:505px;
	margin-top:35px;
	padding:30px 45px;
	background:#E7E8E8
}
#question_04 .answer_sheet>div{
	width:260px;
}
#question_04 .answer_sheet .checkbox_04{
	margin-right:11px;
	color:#333333;
}
#question_04 .answer_sheet input[type="checkbox"]{
	margin-right:8px;
}
#question_04 .answer_sheet input[name="checker_04_02"]{
	margin-left:25px;
}
#question_04 .answer_sheet input[type="text"]{
	width:280px;
	height:25px;
    border:1px solid #D5D5D5;
}
*:first-child+html #question_04 .answer_sheet input[type="text"]{
	width:280px;
	height:20px;
    padding-top:5px;
    border:1px solid #D5D5D5;
}
#question_04 .answer_sheet input[name="checker_04_04"]{
	margin-top:35px;
	margin-left:14px;
}
#question_04 .answer_sheet input[name="textinput_04_01"]{
	margin-top:10px;
	margin-bottom:3px;
}
#question_04 .answer_sheet input[name="textinput_04_03"]{
	margin-top:10px;
	margin-bottom:3px;
}
#question_04 .answer_sheet input[name="textinput_04_04"]{
}
#question_04 .answer_sheet div{
	width:100%;
}
#question_04 .save_or_show_result>a{
	cursor:pointer;
}

















/* 상단메뉴 부분 추가 - 2011-11-27 ht */


#top-menu-wrapper {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 55;
	background: url(../img/BA-back.png) repeat-x;
	height: 50px;
	border-top: 1px solid black;
}

#top-menu {
	position: relative;
	left: 50%;
	width: 970px;
	margin-left: -485px;
	text-align: left;
	height: 50px;
}


#logo {
	float: left;
}
#top-menu-1 {
	width: 50px;
	height: 50px;
	background: url(../img/BA-icon-1.png) top left no-repeat;
	z-index: 66;
	float: left;
}
#top-menu-1:hover {
	background-image: url(../img/BA-icon-1-R.png);
	cursor:pointer;
}
#top-menu-2 {
	width: 47px;
	height: 50px;
	background: url(../img/BA-icon-2.png) top left no-repeat;
	z-index: 66;
	float: left;
}
#top-menu-2:hover {
	background-image: url(../img/BA-icon-2-R.png);
	cursor:pointer;
}
#top-menu-3 {
	width: 61px;
	height: 50px;
	background: url(../img/BA-icon-3.png) top left no-repeat;
	z-index: 66;
	float: left;
}
#top-menu-3:hover {
	background-image: url(../img/BA-icon-3-R.png);
	cursor:pointer;
}
#search-box-wrapper {
	background: url(../img/BA-icon-4.png) top left no-repeat scroll;
	float: left;
	z-index: 66;
	height: 100%;
	padding: 2px 5px;
	width: 216px;
}
#search-box {
	border:0;
	background: none;
	position: relative;
	top: 13px;
	width: 190px;
}
#top-menu-4 {
	width: 62px;
	height: 50px;
	background: url(../img/BA-icon-5.png) top left no-repeat;
	z-index: 66;
	float: left;
}
#top-menu-4:hover {
	background-image: url(../img/BA-icon-5-R.png);
	cursor:pointer;
}
#top-menu-5 {
	width: 44px;
	height: 50px;
	background: url(../img/BA-icon-6.png) top left no-repeat;
	z-index: 66;
	float: left;
}
#top-menu-5:hover {
	background-image: url(../img/BA-icon-6-R.png);
	cursor:pointer;
}
#top-right-menu-wrapper a {
	text-decoration: none;
}
#top-right-menu-wrapper {
	float: right;
	text-align: right;
	width:70px;
}
#top-right-menu-1 {
	width: 34px;
	height: 50px;
	background: url(../img/BA-icon-7.png) top left no-repeat;
	float: left;
}
#top-right-menu-1:hover {
	background: url(../img/BA-icon-7-W.png) top left no-repeat;
	cursor:pointer;
}
#top-right-menu-2 {
	width: 34px;
	height: 50px;
	background: url(../img/BA-icon-8.png) top left no-repeat;
	float: left;
}
#top-right-menu-2:hover {
	background: url(../img/BA-icon-8-W.png) top left no-repeat;
	cursor:pointer;
}
#top-right-menu-3 {
	width: 36px;
	height: 50px;
	background: url(../img/BA-icon-9.png) top left no-repeat;
	float: left;
}
#top-right-menu-3:hover {
	background: url(../img/BA-icon-9-W.png) top left no-repeat;
	cursor:pointer;
}
.right-count {
	position: relative;
	top: 5px;
	left: 5px;
	font-size: 7px;
	border-style: solid;
	border-width: 2px;
	border-radius: 18px;
	border-color: #ffffff;
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
	width: 18px;
	height: 18px;
	text-align: center;
	float: right;
}


/* 상단메뉴 부분 끝 */







#copyright_left
{
	font-size: 12px;
	font-family: NanumGothic,"나눔고딕",ngttf,ngeot,dotum,"돋음",sans-serif;  
	color: #333333;
}

#copyright_right
{
	font-size: 12px;
	font-family: NanumGothic,"나눔고딕",ngttf,ngeot,dotum,"돋음",sans-serif;  
	color: #72B7CF;
}